<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" href="../css/xiaomi.css" />
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
</head>

<div id="app">

        <!-- 头部 -->
        <div class="header">
            <div id="J_topbarBannerWrapper"></div>
            <div class="site-topbar">
                <div class="container">
                    <div class="topbar-nav">
                        <a>小米商城</a> <span class="sep">|</span>
                        <a>MIUI</a> <span class="sep">|</span>
                        <a>IoT</a> <span class="sep">|</span>
                        <a>云服务</a> <span class="sep">|</span>
                        <a>金融</a> <span class="sep">|</span>
                        <a>有品</a> <span class="sep">|</span>
                        <a>小爱开放平台</a> <span class="sep">|</span>
                        <a>企业团购</a> <span class="sep">|</span>
                        <a>资质证照</a> <span class="sep">|</span>
                        <a>协议规则</a> <span class="sep">|</span>
                        <a class="topbar-download">
                            下载app
                            <span class="appcode"><img src="" alt="小米商城" width="90" height="90">
        小米商城APP
    </span></a> <span class="sep">|</span>
                        <a class="J_siteGlobalRegion">Select Location</a>
                    </div>



                    <!--  右上购物车  -->
                    <div class="topbar-cart">
                        <a href="/shoppingcart/select?userid=${login.userid}" class="cart-mini">
                            <em class="iconfont-cart"></em><em class="iconfont-cart-full hide"></em></span>购物车 <#list shoplist as shoplist><span class="cart-mini-num J_cartNum" id="shang" style="display: none">（${shoplist}）</span></#list><span class="cart-mini-num J_cartNum" id="shangn" style="display: none">（0）</span>
                        </a>
                        <div id="J_miniCartMenu" class="cart-menu " style="height: 0px;">
                            <div class="menu-content">
                                <ul id="J_miniCartList" class="cart-list hide" style="height: 0px;">
                                    <#list select as select>
                                    <li>
                                        <div class="cart-item clearfix first">
                                            <a class="thumb" href="">
                                                <img alt="" src="../img/${select.img}" style="width: 60px;height: 60px;">
                                            </a>
                                            <a class="name" href="//item.mi.com/product/1194700030.html">${select.name} ${select.versiontype} ${select.colorname}</a>
                                            <span class="price">${select.pricea}元 × 1</span>
                                            <a class="btn-del J_delItem" href="" data-gid="2194700019_0_buy" data-isbigtap="false">
                                                <em class="iconfont-close"></em>
                                            </a>
                                        </div>
                                    </li>
                                    </#list>
                                </ul>
                                <div id="J_miniCartListTotal" class="cart-total clearfix hide">
                                    <#list shu as shu>
                                    <span class="total">共 <em>${shu}</em> 件商品
                                        </#list>
                                        <#list zong as zong>
                                        <span class="price">
                                        <em>${zong}</em>元
                                        </span>
                                        </#list>
                                    </span>
                                    <a href="/shoppingcart/select?userid=${login.userid}" class="btn btn-primary btn-cart">去购物车结算</a>
                                </div>
                                <div class="msg msg-error hide">

                                </div>
                                <div class="msg msg-empty hide">购物车中还没有商品，赶紧选购吧！</div>
                            </div>
                        </div>
                    </div>
                <!--  购物车   -->



                    <#list login as user>
                    <div class="topbar-info ce" style="display: none;" id="ce">

									<span class="user">
								<a rel="nofollow" class="user-name"href="/user/suser?userid=${user.userid}" target="_blank">

									<span class="panduan" style="display: none">${user}</span>
									<span class="name">${user.userName}</span><i class="iconfont-arrow-down-mini"></i>

									</a>
									<div class="user-menu-wrapper" style="height: 0px;">
										<ul class="user-menu">
											<li>
												<a href="">个人中心</a>
											</li>
											<li>
												<a href="">评价晒单</a>
											</li>
											<li>
												<a href="/like/select?userid=${user.userid}">我的喜欢</a>
											</li>
											<li>
												<a href="">小米账户</a>
											</li>
											<li>
												<a href="/user/logout">退出登录</a>
											</li>
										</ul>
									</div>
									</span>
                        <span class="sep">|</span>
                        <span class="message">
								<a href="" class="J_needAgreement">消息通知<i class="J_miMessageTotal"></i></a>
							</span>
                        <span class="sep">|</span>
                        <a rel="nofollow" class="link link-order" href="/information/userorder" target="_blank">我的订单</a>
                    </div>
                </#list>
                <div class="topbar-info cea" style="display: none;" id="cea">

                    <a href="/user/index" class="link">登录</a> <span class="sep">|</span>
                    <a href="/like/select" class="link">注册</a><span class="sep">|</span><span class="message"><a
                        href="" class="J_needAgreement">消息通知<i class="J_miMessageTotal"></i></a></span>
                </div>
            </div>
            <span class="kong" style="display: none"></span>
        </div>

    <div class="site-header  ">
        <div class="container">
            <div class="header-logo">
                <a href="/information/shouye" title="小米官网" class="logo ir">小米官网</a>
            </div>
            <div class="header-nav ">
                <ul class="nav-list J_navMainList clearfix">
                    <li class="nav-category">
                        <a href="" class="link-category"><span class="text">全部商品分类</span></a>
                    </li>
                    <!-- 此处中间悬浮显示(一共6个)      ！！！还未做 -->
                    <li class="nav-item">
                        <a href="" class="link"><span class="text">小米手机</span></a>
                        <div class="item-children">
                            <div class="container">
                                <ul class="children-list clearfix">
                                    <!-- 此处有5个 后四个class为空 -->
                                    <li class="first">
                                        <a href="">
                                            <div class="figure figure-thumb"><img src="//i1.mifile.cn/f/i/2014/cn/placeholder-220!110x110.png" data-src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82ddffd7562c54f9166fa876c143ff22.png" alt="小米10 Pro" width="160" height="110"></div>
                                            <div class="title">小米10 Pro</div>
                                            <p class="price">4999元起</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a href="" class="link"><span class="text">服务</span></a>
                    </li>
                    <li class="nav-item">
                        <a href="" class="link"><span class="text">社区</span></a>
                    </li>
                </ul>
            </div>
            <div class="header-search ">
                <form class="search-form clearfix"><label for="search" class="hide">站内搜索</label> <input type="" class="search-text">
                    <input type="submit" value="" class="search-btn iconfont">
                    <div class="search-hot-words">
                        <a href="">小米10</a>
                        <a href="">Redmi K30 Pro</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- 头部 -->

<!-- 分类列 -->
<div class="home-hero-container container">
    <div class="home-hero">
        <div class="swiper-container home-hero-swiper swiper-no-swiping swiper-container-fade swiper-container-initialized swiper-container-horizontal">
                <!-- 中间列表  -->
                <div id="big_banner_wrap">
                    <ul id="banner_menu_wrap">
                        <#list typelist as typelist>
                        <li>
                            <a>${typelist.name}</a>
                            <a class="banner_menu_i">&gt;</a>
                            <div class="banner_menu_content" style="width: 992px; top: 0px;">
                                <ul class="banner_menu_content_ul">
                                    <#list infolist as infolist>
                                    <#if (typelist.typeid=infolist.typeid)>
                                    <li>
                                        <a href="/information/purchase?informationid=${infolist.informationid}"><img src="../img/${infolist.img}" style="width: 40px;height: 40px"></a>
                                        <a>${infolist.name}</a>
                                    </li>
                                </#if>
                                </#list>
                                </ul>
                            </div>
                         </li>
                        </#list>
                    </ul>
                    <!-- 轮播 -->
                    <div id="big_banner_pic_wrap">
                        <ul id="big_banner_pic" style="opacity: 1; left: -1226px;">
                            <li><img style="background-image: url(../img/f6563d906aef946ab472b58c04180a1e.jpg);"></li>

                            <li><img style=" background-image: url(../img/a4aa0cbfad7de34618c4bebdbdeee4e1.jpg);"></li>

                            <li><img style=" background: url(../img/a38b1d56409913d5dc869023ade36d94.jpg);background-repeat: no-repeat;background-size: contain;"></li>
                            <li><img style=" background-image: url(../img/c99518be061f64097b69734901ed490e.jpg);"></li>
                            <li><img style=" background-image: url(../img/7e882fcbdcafc352dde03c741836399b.jpg);"></li>
                        </ul>
                    </div>
                    <div id="big_banner_change_wrap">
                        <div id="big_banner_change_prev" style="display: none;">&lt;</div>
                        <div id="big_banner_change_next" style="display: none;">&gt;</div>
                    </div>
                </div>
        </div>
        <div class="home-hero-sub row">
            <div class="span4">
                <ul class="home-channel-list clearfix">
                    <li>
                        <a href=""><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&amp;h=48" alt="小米秒杀"> 小米秒杀
                        </a>
                    </li>
                    <li>
                        <a href=""><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/806f2dfb2d27978e33fe3815d3851fa3.png?w=48&amp;h=48" alt="企业团购"> 企业团购
                        </a>
                    </li>
                    <li>
                        <a href=""><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/eded6fa3b897a058163e2485532c4f10.png?w=48&amp;h=48" alt="F码通道"> F码通道
                        </a>
                    </li>
                    <li>
                        <a href=""><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/43a3195efa6a3cc7662efed8e7abe8bf.png?w=48&amp;h=48" alt="米粉卡"> 米粉卡
                        </a>
                    </li>
                    <li>
                        <a href=""><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f4846bca6010a0deb9f85464409862af.png?w=48&amp;h=48" alt="以旧换新"> 以旧换新
                        </a>
                    </li>
                    <li>
                        <a href=""><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9a76d7636b08e0988efb4fc384ae497b.png?w=48&amp;h=48" alt="话费充值"> 话费充值
                        </a>
                    </li>
                </ul>
            </div>
            <div class="span16">
                <ul class="home-promo-list clearfix">
                    <li class=" first ">
                        <a href=""><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7bc54a61b927dd8c54ddd39a0acf0254.jpg?w=632&amp;h=340" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/94c74e01afe50a86c3a87ff030b85781.jpg?w=632&amp;h=340" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/816a66edef10673b4768128b41804cae.jpg?w=632&amp;h=340" alt=""></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- 分类列 -->


<!-- 中部 -->
<div class="page-main home-main">
    <div class="container">
        <!-- 闪购 -->
        <div class="home-flashsale xm-plain-box">
            <div class="box-hd">
                <h2 class="title">小米闪购</h2>
            </div>
            <div class="box-bd clearfix">
                <div class="row">
                    <div class="flashsale-countdown rainbow-item-4 span4">
                        <div class="round">14:00 场</div>
                        <img src="data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAA1CAYAAAAklDnhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY4Q0ZFMkY5MTJFNzExRThCMkM4OEM1RTNBNjczQUVBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY4Q0ZFMkZBMTJFNzExRThCMkM4OEM1RTNBNjczQUVBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjhDRkUyRjcxMkU3MTFFOEIyQzg4QzVFM0E2NzNBRUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjhDRkUyRjgxMkU3MTFFOEIyQzg4QzVFM0E2NzNBRUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5oEyacAAACoklEQVR42sSYv0tbURTHX0LqD6T4g4pEcHDoUOloBxVd/QFFEcQqWtrSKlKFmmAslopohzgIbv4FwUEE0clFujiIi+BSIbRQ0ooKRReRULHfS48Qgu++c3/FAx+iyU3eJzf3nnPuC/1qavQ04zVY8szjCHRGNN9cBD6DSkOJKzAGzsOaH/AW1FuYjRg4EH/oiJSCTxYk1sDK7T86Iu9BraHED/Au9wlVkYdg2lAiC/rBhYnIB/DIUOQj2M9/UkWkCsQNJbbA8l0vqIhMgXIDiZ/gFbgxEakBEwYSf8Eg+OM3gCsyA8oMRETy25UN4IjUgVEDiW2wGDSIIzILijUljsFLv3WhIvKYFphOXNO6OOUMDhKZA7qFcQF85Q6WXeQpeKEpcULlvY8xthp8iwR8I93qLLb7KnOsSPWNfhd6Bro99yHqTi9IhyWzEXIsIXbSG7Djt1jbQHsBZkMkyZRs13wpgIRoiJKy7dsBWh1LbN5Vt3JFQrQ2XMYeGKBk5yvSI7aRQ4k0eA4uZZlVPM47lDgTZxd6lKb4AcqkLuKSZiIdVGsiVFNcxDV9yT1Orekjoe+MDw4pHqwmaJewit66Ql0QaX+DOTaZe4DitAFZxQaaEynKnJ6KCDeaQAtj3A7VkBtXIpwT3iFV06zqquaKPKEtKIsM6Mo/StoWiQeMvSCJjO4+54hEwTCjuTk0STgckUm6QxTY3LgUKc+/jyFrblyKCIkKbnPjSkT8HDGV5saVyBAtVHZz40Ik7HNTRtrcuBARF2tQbW5ciCR0mhvbIs2EcnNjWySh29zYFGnIK25KzY1Nkdziptzc2BKJUu7Qbm5sicQom2o3NzZEKqiu/DZpbmyIjIAHNBMZ7x4iTALjhcgVQSIl3v87w5vePcY/AQYAFYR6skFSqBUAAAAASUVORK5CYII=" alt="小米闪购">
                        <div class="desc">距离结束还有</div>
                        <div class="countdown clearfix">
                            <span>04</span><i>:</i><span>23</span><i>:</i><span>14</span>
                        </div>
                    </div>
                    <div class="span16 flashsale-list swiper-container swiper-no-swiping swiper-container-initialized swiper-container-horizontal">
                        <ul class="swiper-wrapper" style="transform: translate3d(-2976px, 0px, 0px); transition-duration: 0ms;">
                            <!-- 可左滑21个 -->
                            <li class="swiper-slide rainbow-item-13" style="width: 234px; margin-right: 14px;">
                                <a href="">
                                    <div class="content">
                                        <div class="thumb"><img alt="MIJOY&nbsp;抽纸青春版 24包/箱 " width="160" height="160" data-src="//cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1571038766.41824452.jpg?thumb=1&amp;w=200&amp;h=200" src="//cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1571038766.41824452.jpg?thumb=1&amp;w=200&amp;h=200" lazy="loaded"></div>
                                        <h3 class="title">MIJOY&nbsp;抽纸青春版 24包/箱 </h3>
                                        <p class="desc">精选原生竹浆，健康环保</p>
                                        <p class="price"><span>27.9</span>元
                                            <del>32.9元</del>
                                        </p>
                                        <!---->
                                    </div>
                                </a>
                            </li>
                        </ul>
                        <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                    </div>
                    <div class="swiper-controls">
                        <span class="swiper-flashsale-prev" tabindex="0" role="button" aria-label="Previous slide" aria-disabled="false"><i class="iconfont-arrow-left-big"></i></span>
                        <span class="swiper-flashsale-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"><i class="iconfont-arrow-right-big"></i></span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 闪购 -->

        <!-- 此处循环6次 -->
        <!-- 中间广告 -->
        <div class="home-banner-box">
            <a href=""><img alt="test" width="1226" height="120" data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/da490f93d7936ce625047f72d6bad569.jpg?thumb=1&amp;w=1226&amp;h=120&amp;f=webp&amp;q=90" src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/da490f93d7936ce625047f72d6bad569.jpg?thumb=1&amp;w=1226&amp;h=120&amp;f=webp&amp;q=90" lazy="loaded"></a>
        </div>
        <!-- 中间分类列 -->
        <#list typelist as typelist>
        <div class="home-brick-box home-brick-row-2-box xm-plain-box">
            <div class="box-hd">
                <h2 class="title">${typelist.name}</h2>
                <div class="more">
                    <a href="" class="more-link">查看全部<i class="iconfont iconfont-arrow-right-big"></i></a>
                </div>
            </div>
            <div class="box-bd clearfix">
                <div class="row">
                    <div class="span4">
                        <ul class="brick-promo-list clearfix">
                            <li class="brick-item brick-item-l">
                                <a href=""><img alt="" data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/574c6643ab91c6618bfb2d0e2c761d0b.jpg?thumb=1&amp;w=234&amp;h=614&amp;f=webp&amp;q=90" src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/574c6643ab91c6618bfb2d0e2c761d0b.jpg?thumb=1&amp;w=234&amp;h=614&amp;f=webp&amp;q=90" lazy="loaded"></a>
                            </li>
                        </ul>
                    </div>
                    <div class="span16">
                        <ul class="brick-list clearfix">
                            <!--此处循环8次 -->
                            <#list infolist as infolist>
                            <#if (typelist.typeid=infolist.typeid)>
                            <li class="brick-item brick-item-m brick-item-m-2">
                                <a href="/information/purchase?informationid=${infolist.informationid}">
                                    <div class="figure figure-img">
                                        <img width="160" height="160" alt="小米10" src="../img/${infolist.img}">
                                    </div>
                                    <h3 class="title">${infolist.name} </h3>
                                    <p class="desc">${infolist.describe}</p>
                                    <p class="price"><span class="num">${infolist.price}</span>元<span>起</span></p>
                                </a>
                            </li>
                            </#if>
                            </#list>
                            <!--此处循环8次 -->
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        </#list>
        <!-- 中间分类列 -->

        <!-- 此处循环6次 -->
        <!-- 视频 -->
        <div class="home-video-box xm-plain-box">
            <div class="box-hd">
                <h2 class="title">视频</h2>
                <div class="more">
                    <a href="" class="more-link">查看全部<i class="iconfont iconfont-arrow-right-big"></i></a>
                </div>
            </div>
            <div class="box-bd clearfix">
                <ul class="video-list clearfix">
                    <li class="video-item ">
                        <a href="" title="点击播放视频">
                            <div class="figure figure-img"><img width="296" height="180" alt="小米10 8K手机拍大片" src="../img/shipin1.jpg"><span class="play"><i class="iconfont-play"></i></span></div>
                            <h3 class="title">
                                小米10 8K手机拍大片
                            </h3>
                            <p class="desc">

                            </p>
                        </a>
                    </li>
                    <li class="video-item ">
                        <a href="" title="点击播放视频">
                            <div class="figure figure-img"><img width="296" height="180" alt="小米10发布会" src="../img/shipin2.jpg"><span class="play"><i class="iconfont-play"></i></span></div>
                            <h3 class="title">
                                小米10发布会
                            </h3>
                            <p class="desc">

                            </p>
                        </a>
                    </li>
                    <li class="video-item ">
                        <a href="" title="点击播放视频">
                            <div class="figure figure-img"><img width="296" height="180" alt="小米MIX Alpha 开箱视频" src="../img/shipin3.jpg"><span class="play"><i class="iconfont-play"></i></span></div>
                            <h3 class="title">
                                小米MIX Alpha 开箱视频
                            </h3>
                            <p class="desc">

                            </p>
                        </a>
                    </li>
                    <li class="video-item ">
                        <a href="" title="点击播放视频">
                            <div class="figure figure-img"><img width="296" height="180" alt="小米5G新品手机发布会" src="../img/shipin4.jpg"><span class="play"><i class="iconfont-play"></i></span></div>
                            <h3 class="title">
                                小米5G新品手机发布会
                            </h3>
                            <p class="desc">

                            </p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- 中部 -->

<!--右边固定-->
<div data-v-46eb6e70="" class="home-tool-bar home-tool-bar-large">
    <a data-v-46eb6e70="" class="item item-image">
        <div data-v-46eb6e70="" class="icon">
            <img data-v-46eb6e70="" src="https://i8.mifile.cn/b2c-mimall-media/98a23aae70f25798192693f21c4d4039.png" class="static">
            <img data-v-46eb6e70="" src="https://i8.mifile.cn/b2c-mimall-media/74c4fcb4475af8308e9a670db9c01fdf.png" class="hover">
        </div>
        <span data-v-46eb6e70="" class="text">手机APP<!----></span>
        <div data-v-46eb6e70="" class="pop-content">
            <img data-v-46eb6e70="" src="https://i8.mifile.cn/b2c-mimall-media/93650133310ec1c385487417a472a26c.png">
            <span data-v-46eb6e70="" class="desc">手机扫一扫一分赢好礼</span>
        </div>
        <!---->
    </a>
    <a data-v-46eb6e70="" class="item ">
        <div data-v-46eb6e70="" class="icon">
            <img data-v-46eb6e70="" src="https://i8.mifile.cn/b2c-mimall-media/55cad219421bee03a801775e7309b920.png" class="static">
            <img data-v-46eb6e70="" src="https://i8.mifile.cn/b2c-mimall-media/41f858550f42eb1770b97faf219ae215.png" class="hover">
        </div>
        <span data-v-46eb6e70="" class="text">个人中心<!----></span>
        <!---->
        <!---->
    </a>
    <a data-v-46eb6e70="" class="item ">
        <div data-v-46eb6e70="" class="icon">
            <img data-v-46eb6e70="" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/12eb0965ab33dc8e05870911b90f3f13.png" class="static">
            <img data-v-46eb6e70="" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/95fbf0081a06eec7be4d35e277faeca0.png" class="hover">
        </div>
        <span data-v-46eb6e70="" class="text">售后服务<!----></span>
        <!---->
        <!---->
    </a>
    <a data-v-46eb6e70="" class="item ">
        <div data-v-46eb6e70="" class="icon">
            <img data-v-46eb6e70="" src="https://i8.mifile.cn/b2c-mimall-media/4f036ae4d45002b2a6fb6756cedebf02.png" class="static">
            <img data-v-46eb6e70="" src="https://i8.mifile.cn/b2c-mimall-media/5e9f2b1b0da09ac3b3961378284ef2d4.png" class="hover">
        </div>
        <span data-v-46eb6e70="" class="text">人工客服<!----></span>
        <!---->
        <!---->
    </a>
    <a data-v-46eb6e70="" class="item ">
        <div data-v-46eb6e70="" class="icon">
            <img data-v-46eb6e70="" src="https://i8.mifile.cn/b2c-mimall-media/d7db56d1d850113f016c95e289e36efa.png" class="static">
            <img data-v-46eb6e70="" src="https://i8.mifile.cn/b2c-mimall-media/692a6c3b0a93a24f74a29c0f9d68ec71.png" class="hover">
        </div>
        <span data-v-46eb6e70="" class="text">购物车<!----></span>
        <#list shoplist as shoplist>
        <span data-v-fc11606e="" id="J_homeToolBarCartNum" class="cart-num">${shoplist}</span>
        </#list>
        <!---->
        <!---->
    </a>
    <a data-v-46eb6e70="" href="" class="item backtop ">
        <div data-v-46eb6e70="" class="icon">
            <img data-v-46eb6e70="" src="//i1.mifile.cn/f/i/2018/home/totop.png" class="static">
            <img data-v-46eb6e70="" src="//i1.mifile.cn/f/i/2018/home/totop_hover.png" class="hover">
        </div>
        <span data-v-46eb6e70="" class="text">回顶部</span></a>
</div>
<!--右边固定-->

<!-- 底部 -->
<div>
    <div class="site-footer">
        <div class="container">
            <div class="footer-service">
                <ul class="list-service clearfix">
                    <li>
                        <a href=""><em class="iconfont-tool"></em>预约维修服务</a>
                    </li>
                    <li>
                        <a href=""><em class="iconfont-circle-7"></em>7天无理由退货</a>
                    </li>
                    <li>
                        <a href=""><em class="iconfont-circle-15"></em>15天免费换货</a>
                    </li>
                    <li>
                        <a href=""><em class="iconfont-gift"></em>满99元包邮</a>
                    </li>
                    <li>
                        <a href=""><em class="iconfont-location"></em>520余家售后网点</a>
                    </li>
                </ul>
            </div>
            <div class="footer-links clearfix">
                <dl class="col-links col-links-first">
                    <dt>帮助中心</dt>
                    <dd>
                        <a href="" target="_blank">账户管理</a>
                    </dd>
                    <dd>
                        <a href="" target="_blank">购物指南</a>
                    </dd>
                    <dd>
                        <a href="" target="_blank">订单操作</a>
                    </dd>
                </dl>
                <dl class="col-links ">
                    <dt>服务支持</dt>
                    <dd>
                        <a href="">售后政策</a>
                    </dd>
                    <dd>
                        <a href="">自助服务</a>
                    </dd>
                    <dd>
                        <a href="">相关下载</a>
                    </dd>
                </dl>
                <dl class="col-links ">
                    <dt>线下门店</dt>
                    <dd>
                        <a href="">小米之家</a>
                    </dd>
                    <dd>
                        <a href="">服务网点</a>
                    </dd>
                    <dd>
                        <a href="">授权体验店</a>
                    </dd>
                </dl>
                <dl class="col-links ">
                    <dt>关于小米</dt>
                    <dd>
                        <a href="">了解小米</a>
                    </dd>
                    <dd>
                        <a href="">加入小米</a>
                    </dd>
                    <dd>
                        <a href="">投资者关系</a>
                    </dd>
                    <dd>
                        <a href="">廉洁举报</a>
                    </dd>
                </dl>
                <dl class="col-links ">
                    <dt>关注我们</dt>
                    <dd>
                        <a href="">新浪微博</a>
                    </dd>
                    <dd>
                        <a href="">官方微信</a>
                    </dd>
                    <dd>
                        <a href="">联系我们</a>
                    </dd>
                    <dd>
                        <a href="">公益基金会</a>
                    </dd>
                </dl>
                <dl class="col-links ">
                    <dt>特色服务</dt>
                    <dd>
                        <a href="">F 码通道</a>
                    </dd>
                    <dd>
                        <a href="">礼物码</a>
                    </dd>
                    <dd>
                        <a href="">防伪查询</a>
                    </dd>
                </dl>
                <div class="col-contact">
                    <p class="phone">400-100-5678</p>
                    <p>周一至周日 8:00-18:00<br>（仅收市话费）</p>
                    <a class="btn btn-line-primary btn-small"><em class="iconfont-message2"></em> 人工客服</a>
                </div>
            </div>
        </div>
    </div>
    <div class="site-info">
        <div class="container">
            <div class="logo ir">小米官网</div>
            <div class="info-text">
                <p class="sites">
                    <a href="">小米商城</a> <span class="sep">|</span>
                    <a href="">MIUI</a> <span class="sep">|</span>
                    <a href="">米家</a> <span class="sep">|</span>
                    <a href="">米聊</a> <span class="sep">|</span>
                    <a href="">多看</a> <span class="sep">|</span>
                    <a href="">游戏</a> <span class="sep">|</span>
                    <a href="">政企服务</a> <span class="sep">|</span>
                    <a href="">小米天猫店</a> <span class="sep">|</span>
                    <a href="">小米集团隐私政策</a> <span class="sep">|</span>
                    <a href="">小米公司儿童信息保护规则</a> <span class="sep">|</span>
                    <a href="">小米商城隐私政策</a> <span class="sep">|</span>
                    <a href="">小米商城用户协议</a> <span class="sep">|</span>
                    <a href="">问题反馈</a> <span class="sep">|</span>
                    <a href="">Select Location</a>
                </p>
                <p>
                    ©
                    <a href="" target="_blank">mi.com</a> 京ICP证110507号
                    <a href="" target="_blank">京ICP备10046444号</a>
                    <a href="" target="_blank">京公网安备11010802020134号</a>
                    <a href="" target="_blank">京网文[2020]0276-042号</a> <br>
                    <a href="" target="_blank">（京）网械平台备字（2018）第00005号</a>
                    <a href="" target="_blank">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
                    <a href="" target="_blank">营业执照</a>
                    <a href="" target="_blank">医疗器械质量公告</a> <br>
                    <a href="" target="_blank">增值电信业务许可证</a>&nbsp;网络食品经营备案（京）【2018】WLSPJYBAHF-12&nbsp;
                    <a href="" target="_blank">食品经营许可证</a> <br> 违法和不良信息举报电话：185-0130-1238&nbsp;
                    <a href="" target="_blank">知识产权侵权投诉</a>&nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                </p>
            </div>
            <div class="info-links">
                <a href=""><img src="//i1.mifile.cn/f/i/17/site/truste.png" alt="TRUSTe Privacy Certification"></a>
                <a href=""><img src="//s01.mifile.cn/i/v-logo-2.png" alt="诚信网站"></a>
                <a href=""><img src="//s01.mifile.cn/i/v-logo-1.png" alt="可信网站"></a>
                <a href=""><img src="//i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="诚信经营 放心消费"></a>
            </div>
        </div>
        <div class="slogan ir">探索黑科技，小米为发烧而生</div>
    </div>
</div>


<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/shopuser.js"></script>
<script>
    $("#banner_menu_wrap").children().hover(function() {
        $(this).css("background", "#ff6700");
        $(this).children(".banner_menu_content").css("border", "1px solid #F0F0F0").show();
    }, function() {
        $(this).css("background", "none");
        $(this).children(".banner_menu_content").css("border", "0px solid #F0F0F0").hide();
    });
    $(function() {
        var i = 0;
        var big_banner_pic = $("#big_banner_pic");
        var allimg = $("#big_banner_pic li").length;

        function img_change() {
            var img_i = i * -1226 + "px";
            big_banner_pic.animate({
                opacity: ".2"
            }, 100, function() {
                big_banner_pic.css("left", img_i);
                big_banner_pic.animate({
                    opacity: "1"
                }, 100);
            })
        }

        function automatic() {
            i += 1;
            if(i >= allimg) {
                i = 0;
            }
            img_change();
        }
        change_self_time = setInterval(automatic, 3000);
        $("#big_banner_change_wrap").hover(function() {
            clearInterval(change_self_time);
            $("#big_banner_change_wrap").children().show();
        }, function() {
            change_self_time = setInterval(automatic, 3000);
            $("#big_banner_change_wrap").children().hide();
        })
        $("#big_banner_change_prev").click(function() {
            i += 1;
            if(i >= allimg) {
                i = 0;
            }
            img_change();
        })
        $("#big_banner_change_next").click(function() {
            i -= 1;
            if(i <= 0) {
                i = allimg - 1;
            }
            img_change();
        })
    })
</script>
</body>

</html>